(ns app.views
  (:require [app.state :refer [app-state]]
            [app.events :refer [increment decrement]]
            [reagent.core :as r]
            [reagent.dom.server :as rs]
            ["react-slick" :default slick]
            ["react-datetime" :as datetime]))

(defn header
  []
  ; [:div
  ;  [:> datetime]])
  ; [:div.banner
  ;  [:h1 "A template for Reagent apps"]
  ;  [:p "Starting point for ClojureScript apps with shadow-cljs, proto-repl, and reagent."]]
  ; [:div
  [:> slick {:arrows false :autoplay true :dots true}
   [:div [:h1 "1"]]
   [:div [:h1 "2"]]
   [:div [:h1 "3"]]
   [:div [:h1 "4"]]])

(defn counter
  []
  [:div.jumbotron
   [:div.btn-group
    [:button.btn {:on-click #(increment %)} "\u25B2"]
    [:p.counter (get @app-state :count)]
    [:button.btn {:on-click #(decrement %)} "\u25BC"]]])

(defn app []
  [:div {:style {:width "100%"}}
   [header]])
   ; [counter]])
